<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" pageEncoding="UTF-8"%>
<%
	session.setAttribute("ctx",request.getContextPath());
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MALINI</title>
<!--css-->
<link href="<%=request.getContextPath()%>/css/main_index.css" rel="stylesheet" type="text/css" media="all" />
<!--jquery 1.3.1-->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.3.1.min.js"></script>
<script type='text/javascript' src='<%=request.getContextPath()%>/js/jfade.js'></script>
<!--导航-->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/ddaccordion.js"></script>
<!--导航幻灯片初始.导航点击效果-->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/meunlb.js"></script>
<!--导航幻灯片点击切换效果-->
<script type="text/javascript">
<!--
$(document).ready(function(){
	$("#test_image a").jfade();
	$("#test_image a").bind("click", function(){
		$("#test_image a").each(function(){
			$(this).css("border","2px solid #0f0e0c");
		})
  		$(this).css("border","2px solid #2e2e2e"); 
	});
$("#test_image img").bind("click", function(){
		
  		var test_image = $(this).attr("name");
  		var paras = $(this).attr("id");
  		var base='<%=session.getAttribute("ctx")%>';
		$("#test_").html("<div class=\"pro_pic\"><img src='"+test_image+"' onmouseover=\"ddaccordion.collapseall('menuheaders');return false\"/><a href='"+base+"/productNewAction.do?op=findNewProductById"+paras+"' class=\"pic_more\"><font color=\"#ffffff\">点击购买>></font></a></div>");
	});   
})
-->
</script>
<!--右侧 滚动条-->
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.tinyscrollbar.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#scrollbar1').tinyscrollbar();//初始化div
	});
</script>	
<!--单张图片放大镜 用于product_view.html页面 -->
<SCRIPT src="<%=request.getContextPath()%>/js/niutuku_com.js" type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
	$(function(){			
	   $(".jqzoom").jqueryzoom({
			xzoom:400,
			yzoom:400,
			offset:10,
			position:"right",
			preload:1,
			lens:1
		});	
	})
</SCRIPT>
</head>

<body >
<div class="main_cont">
<%@ include file="top.jsp" %>
<div class="main_contain">
<div class="main_l">
<a href="#"><img src="<%=request.getContextPath()%>/images/main_logo.gif" /></a>
<%@ include file="menu.jsp" %>
<%@ include file="bottom.jsp" %>
</div>

<div class="main_r2" id="test_"   onmouseover="ddaccordion.collapseall('menuheaders');return false;" > 
<div class="pro_1 jqzoom" >
<IMG height=478  src="<%=request.getContextPath()%>/images/taidi_view1.jpg" jqimg="<%=request.getContextPath()%>/images/taidi_view1.jpg" width=478  >
</div>
<div class="pro_2">
<div style="height:300px; " id="demo1">

<div id="scrollbar1" style=" height:442px">
		<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
		<div class="viewport">
			 <div class="overview">
             
<div class="box">
<ul id="tabMenu">
  <li class="posts selected">产品展示1</li>
  <li class="comments">主要特点</li>
  <li class="category">产品展示3</li>
  <li class="famous">产品展示4</li>
</ul>

<div class="boxBody">
  
  <div id="posts" class="show parent">
  <p>这个迷人的帆布垫子是令人难以置信的时尚，美观。
是理想的摆设之外给你的家点缀得更加漂亮。靠垫是沙发的最好点缀，
无论你家的沙发是什么风格，只要搭配得当就可以起画龙点睛的作用。
</p>
  </div>  
  
  <div id="comments" class="parent">
    <ul>
      <li>尺寸：50X50cm大约</li>
      <li>材料：100%棉</li>
      <li>洗涤保养：考点套可水洗，最高温度不可超过30度。</li>
      <li>产品包装：透明OPP袋，防水防尘</li>
      <li>快递包装：MALINI专属</li>
    </ul>
  </div>
  
  <div id="category" class="parent">
        <ul>
      <li>尺寸：50X50cm大约</li>
      <li>材料：100%棉</li>
      <li>洗涤保养：考点套可水洗，最高温度不可超过30度。</li>
      <li>产品包装：透明OPP袋，防水防尘</li>
      <li>快递包装：MALINI专属</li>
    </ul>  
  </div>
  
  <div id="famous" class="parent">
        <ul>
      <li>尺寸：50X50cm大约</li>
      <li>材料：100%棉</li>
      <li>洗涤保养：考点套可水洗，最高温度不可超过30度。</li>
      <li>产品包装：透明OPP袋，防水防尘</li>
      <li>快递包装：MALINI专属</li>
    </ul>  
  </div>
  
  

</div>


</div>



<ul class="pro_ul pro_ul_r">
<li>
<h2>积分规则</h2>
<p>换出好心情，套件及两件以上6.8折</p>
</li>
<li><table width="300" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="2" >MALINI靠垫套</td>
  </tr>
  <tr>
    <td colspan="2">花纹靠垫</td>
  </tr>
  <tr>
    <td colspan="2">颜色：巧克力色</td>
  </tr>
  <tr>
    <td colspan="2"><img src="<%=request.getContextPath()%>/images/coffe.gif" width="56px" height="27px" /></td>
  </tr>
  <tr>
    <td colspan="2">成分：100%棉</td>
  </tr>
  <tr>
    <td colspan="2">尺寸</td>
  </tr>
  <tr>
    <td colspan="2">价格</td>
  </tr>
  <tr>
    <td colspan="2">数量<select name="" class="select_styel"><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option></select></td>
  </tr>
<tr>
<td>花纹靠垫</td>
<td rowspan="4"><button class="button0" hidefocus="hidefocus"><span><em>加入购物车</em></span></button><button class="button0" hidefocus="hidefocus"><span><em>立即购买</em></span></button></td>
</tr>
<tr>
  <td>颜色：巧克力色</td>
</tr>
<tr>
  <td>尺寸</td>
</tr>
<tr>
  <td>价格</td>
</tr>
</table>

</li>
<li>
<h2>其他颜色</h2>
<ul >
<li><img src="<%=request.getContextPath()%>/images/color.gif" /><b>柠檬黄</b></li>
<li><img src="<%=request.getContextPath()%>/images/color.gif" /><b>柠檬黄</b></li>
<li><img src="<%=request.getContextPath()%>/images/color.gif" /><b>柠檬黄</b></li>
<li><img src="<%=request.getContextPath()%>/images/color.gif" /><b>柠檬黄</b></li>

</ul>
</li>

</ul>

       </div>
    </div>
</div>	

</div>
</div>
</div>
</div>

</div>



</body>
</html>
